<!DOCTYPE HTML>
<html>
	<title>Stock Rater</title>
	<head>
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" />
		<link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
		<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
		<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script>
		<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script>
		<script>
		  $(document).ready(function(){
		  var data = "BAC BANK OF AMERICA;C CITIGROUP;MSFT MICROSOFT;CSCO CISCO;ORCL ORACLE;NFLX NETFLIX".split(";");
		  $("#symbol").autocomplete(data);

		  $("#submit").click(function(event){
		     alert("You clicked.");
		     event.preventDefault();
		   });		   

		  });
	     </script>
	</head>
	<body>
		<p><b>Stock Rater</b></p>
		<form action="postRating" method="post">
			Symbol: <input id="symbol" name="symbol" type="text"/> 
			<br/>
			Prediction Amount: <input name="amount" type="text" value=""/>
			<br/>
			Wisdom: <input name="wisdom" type="text" value="" maxlength="140" size="1000"/>
			<br/>
			<input id="reset" name="reset" type="reset" value="Reset" />
			<input id="submit" name="submit" type="submit" value="Submit" />
		</form>
	</body>
</html>